<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../css/goods.css">
    <link rel="stylesheet" href="../css/swiper-bundle.min.css">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"/>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <title>茶话弄</title>
</head>
<body>
    <!-- <div class="container top">
        <div class="row lianxi">
            <a href=""><img src="../img/call.png" alt=""></a>
            <a href=""><img src="../img/pone.jpg" alt=""></a>
        </div>
        <div class="row logo">
            <a href=""><img src="../img/logo.jpg" alt=""></a>
        </div>
        <div class="row tit">
            <ul>
                <a href=""><li>茶话弄</li></a>
                <a href=""><li>关于我们</li></a>
                <a href=""><li>产品展示</li></a>
                <a href=""><li>新闻资讯</li></a>
                <a href=""><li>联系我们</li></a>
            </ul>
        </div>
    </div> -->

    <!-- 吸顶顶部 -->
    <div class="xiding">
        <div class="container">
            <div class="row xd">
                <a href="../html/index.html"><img src="../img/logo.jpg" alt=""></a>
                <div class="tit chn">
                    <ul>
                        <a href="../html/index.html"><li>茶话弄</li></a>
                        <a href="../html/goods.html"><li>茶饮系列</li></a>
                        <a href="../html/product.html"><li>产品展示</li></a>
                        <a href=""><li>新闻资讯</li></a>
                        <a href="../html/hezuo.html"><li>合作加盟</li></a>
                    </ul>
                </div>  
                <div class="lx">
                    <!-- <a href=""><img src="../img/call.png" alt=""></a>
                    <a href=""><img src="../img/pone.jpg" alt=""></a> -->
                    <a href="../html/login.html" id="dl">登录</a>
                    <a href="../html/zhuce.html" id="zc">注册</a>
                </div>
            </div>
        </div>
    </div>

    <div class="container shui">
        <div class="row">
            <div class="col-md-12 sgc">
                <h1>水果芝士系列</h1>
                <p>邂逅新鲜水果</p>
                <img src="../img/s1.jpg" alt="">
            </div>
        </div>
    </div>

    <!-- 水果茶系列 -->
    <div class="fruit">
        <div class="container">
            <div class="row">
                <div class="col-md-3">
                    <div class="text">
                        <h2>水果芝士系列</h2>
                        <p>MODERN TEA & WORTHY TIME</p>
                        <p>使用新鲜水果搭配茉莉花绿茶，还原真实水果的风味。<br>
                            用冰沙机打成绵密的冰沙口感，搭配鲜打芝士奶盖，享受水果与茶的完美碰撞。
                        </p>
                    </div>
                </div>

                <div class="col-md-9">
                    <!-- 轮播 -->
                <div id="demo" class="carousel slide" data-ride="carousel">
                    <!-- 轮播图片 -->
                    <div class="carousel-inner">
                      <div class="carousel-item active">
                        <img src="../img/s1.jpg">
                      </div>
                      <div class="carousel-item">
                        <img src="../img/s1.jpg">
                      </div>
                      <div class="carousel-item">
                        <img src="../img/s1.jpg">
                      </div>
                    </div>
                    <!-- 左右切换按钮 -->
                    <a class="carousel-control-prev" href="#demo" data-slide="prev">
                      <span class="carousel-control-prev-icon"></span>
                    </a>
                    <a class="carousel-control-next" href="#demo" data-slide="next">
                      <span class="carousel-control-next-icon"></span>
                    </a>
                  </div>
                </div> 
            </div>
        </div>
    </div>

    <!-- 探索更多系列 -->
    <div class="tan">
        <div class="container">
            <div class="row more">
                <h1>探索更多系列</h1>
            </div>
            <div class="row">
                <div class="tansuo animate__animated animate__fadeInUp">
                    <div class="ts"><img src="../img/cha.jpg" alt="">茶卡布系列</div>
                    <div class="ts"><img src="../img/cha.jpg" alt="">茶拿铁系列</div>
                    <div class="ts"><img src="../img/cha.jpg" alt="">纯茶系列</div>
                    <div class="ts"><img src="../img/cha.jpg" alt="">水果茶系列</div>
                    <div class="ts"><img src="../img/cha.jpg" alt="">水果芝士系列</div>
                    <div class="ts"><img src="../img/cha.jpg" alt="">手捣柠檬系列</div>
                </div>
            </div>
            <div class="row">
                <div class="morexl">
                    <div class="xilie">
                        <div class="left">
                            <h2>【茶卡布系列】</h2>
                            <p>优质茶叶</p>
                            <p>清香茶底与鲜奶搭配享受醇香好滋味，<br>
                                沿用卡布奇诺咖啡的制作工艺，<br>
                                使奶茶顶部有一层绵密细腻的奶泡，<br>
                                让奶茶口感清爽不腻。</p>
                            <a href=""><img src="../img/read.png" alt=""></a>
                        </div>
                        <div class="right">
                            <img src="../img/ckb.jpg" alt="">
                        </div>
                    </div>
                    <div class="xilie">
                        <div class="left">
                            <h2>【茶卡布系列】</h2>
                            <p>优质茶叶</p>
                            <p>清香茶底与鲜奶搭配享受醇香好滋味，<br>
                                沿用卡布奇诺咖啡的制作工艺，<br>
                                使奶茶顶部有一层绵密细腻的奶泡，<br>
                                让奶茶口感清爽不腻。</p>
                            <a href=""><img src="../img/read.png" alt=""></a>
                        </div>
                        <div class="right">
                            <img src="../img/ckb.jpg" alt="">
                        </div>
                    </div>
                    <div class="xilie">
                        <div class="left">
                            <h2>【茶卡布系列】</h2>
                            <p>优质茶叶</p>
                            <p>清香茶底与鲜奶搭配享受醇香好滋味，<br>
                                沿用卡布奇诺咖啡的制作工艺，<br>
                                使奶茶顶部有一层绵密细腻的奶泡，<br>
                                让奶茶口感清爽不腻。</p>
                            <a href=""><img src="../img/read.png" alt=""></a>
                        </div>
                        <div class="right">
                            <img src="../img/ckb.jpg" alt="">
                        </div>
                    </div>
                    <div class="xilie">
                        <div class="left">
                            <h2>【茶卡布系列】</h2>
                            <p>优质茶叶</p>
                            <p>清香茶底与鲜奶搭配享受醇香好滋味，<br>
                                沿用卡布奇诺咖啡的制作工艺，<br>
                                使奶茶顶部有一层绵密细腻的奶泡，<br>
                                让奶茶口感清爽不腻。</p>
                            <a href=""><img src="../img/read.png" alt=""></a>
                        </div>
                        <div class="right">
                            <img src="../img/ckb.jpg" alt="">
                        </div>
                    </div>
                    <div class="xilie">
                        <div class="left">
                            <h2>【茶卡布系列】</h2>
                            <p>优质茶叶</p>
                            <p>清香茶底与鲜奶搭配享受醇香好滋味，<br>
                                沿用卡布奇诺咖啡的制作工艺，<br>
                                使奶茶顶部有一层绵密细腻的奶泡，<br>
                                让奶茶口感清爽不腻。</p>
                            <a href=""><img src="../img/read.png" alt=""></a>
                        </div>
                        <div class="right">
                            <img src="../img/ckb.jpg" alt="">
                        </div>
                    </div>
                    <div class="xilie">
                        <div class="left">
                            <h2>【茶卡布系列】</h2>
                            <p>优质茶叶</p>
                            <p>清香茶底与鲜奶搭配享受醇香好滋味，<br>
                                沿用卡布奇诺咖啡的制作工艺，<br>
                                使奶茶顶部有一层绵密细腻的奶泡，<br>
                                让奶茶口感清爽不腻。</p>
                            <a href=""><img src="../img/read.png" alt=""></a>
                        </div>
                        <div class="right">
                            <img src="../img/ckb.jpg" alt="">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 底部  -->
    <div class="buttom">
        <p>Copyright © 2016-2021 西安茶话弄餐饮管理有限公司 版权所有</p>
        <p>网站地图</p>
        <p>友情链接</p>
    </div>
</body>
    <script src="../js/swiper-bundle.min.js"></script>
    <script src="https://cdn.staticfile.org/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/popper.js/1.15.0/umd/popper.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
    <script src="../js/goods.js"></script>
</html>